<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文字相关</title>
    <style>
        p{
            color: #ba1e1e;
            font-family: "楷体";
            /*字体大小，谷歌默认16px*/
            font-size: 30px;
            text-align: center;
        }
        a{
        /* 文本修饰线
        没有下划线，有下划线，顶部线,删除线*/
        /*    text-decoration: none;*/
        /*    text-decoration:underline;*/
        /*    text-decoration: overline;*/
              text-decoration:line-through ;
        }
        div{
            color:greenyellow;
            font-family: "楷体";
            /*字体大小，谷歌默认16px*/
            font-size: 30px;
            text-align: center;
        /*    设置行与行之间的距离，如果和div的高度一样就是水平居中*/
            line-height: 50px;
        }
        h1{
        /*    字重:细体，正常，粗体，斜体*/
           font-weight: lighter;
            font-weight: normal;
            font-weight: bold;
            font-style: italic;
        }
        span{
            /*文字阴影：向右向下为正
            参数四个：x，y,羽化值，颜色
            羽化值越大越模糊*/
            text-shadow: 20px 30px 2px forestgreen;
        }
        </style>
</head>
<body>
<p>我是测试文字 123 ABC abc</p>
<a href="#">超链接</a>
<div>我是div</div>
<span>我是Span</span>
<h1>我是标题</h1>
</body>
</html>